<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <title>商品服务分类监管详情</title>
</head>
<body>
<header>
    <div class="header">
        <div class="logo"></div>
        <div class="logo2"></div>
        <div class="selRegion">
            <select>
                <option>全国地区</option>
                <option>北京</option>
                <option>上海</option>
                <option>广州</option>
                <option>深圳</option>
            </select>
        </div>
        <div class="message"></div>
        <div class="logOut"></div>
        <span class="address">corey@mossiolab.com</span>
    </div>
</header>

<div id="mainWrap">
    <div class="lSide">
    <ul style="list-style-type: none">
        <li class="L0"></li>
        <li class="L1">
            <a class="biaoTi" href="index.html">消费维权</a>
        </li>
        <li class="L2">
            <a class="biaoTi">市场监管</a>
        </li>
        <li class="L3">
            <a class="biaoTi">经济户籍</a>
        </li>
        <li class="L4">
            <a class="biaoTi">商标广告</a>
        </li>
        <li class="L5">
            <a class="biaoTi">行政执法</a>
        </li>
        <li class="L6">
            <a class="biaoTi">非公党建</a>
        </li>
        <li class="L7">
            <a class="biaoTi">企业年报</a>
        </li>
        <li class="L8">
            <a class="biaoTi">区域经济</a>
        </li>
        <li class="L9">
            <a class="biaoTi">综合分析</a>
        </li>
    </ul>
</div>

    <div class="mainBody">
        <div class="cus_top">
            <ul class="y_menu">
                <li><a href="index.html">消费维权统计分析</a></li>
                <li><a href="marComplaintHots.html">市场投诉热点</a></li>
                <li class="active"><a href="good_server_type.html">商品服务分类监管</a></li>
                <li><a href="key_enterprises.html">重点企业监管</a></li>
                <li><a href="cus_wripr.html">重点流通领域商品监管</a></li>
                <li><a href="analysisGoods.html">涉诉商品分析</a></li>
            </ul>
        </div>
        
        <div class="lr_main">
            <div class="problem-num">
                <span class="num">商品/服务投诉情况</span>
                <span class="fr ">
                <span class="mr10">
                    <select class="fl select1">
                        <option>全国</option>
                        <option>北京市</option>
                        <option>天津市</option>
                        <option>河北省</option>
                    </select>
                </span>
                <span class="mr10">
                    <select class="fl select4">
                        <option>商品服务分类</option>
                        <option>商品消费</option>
                        <option>服务消费</option>
                    </select>
                </span>
                    <a href="good_server_type_list.html"><div class="complaintDetails" style="height: 32px;line-height: 32px">投诉明细</div></a>
                </span>
                
            </div>
            <div class="mainWarp">
                <div class="main_max fl w59">
                    <p class="title">商品/服务投诉走势图</p>
                    <div id="echart" style="width: 100%;height: 530px;"></div>
                </div>
                <div class="main_max fr w39">
                    <p class="title">商品/服务投诉问题分布</p>
                    <div id="echart1" style="width: 100%;height: 530px;"></div>
                </div>
            </div>
            <div class="mainWarp">
                <div class="main_max w100" style="min-height: 310px">
                    <p class="title">商品/服务投诉问题处理情况</p>
                    <div class="dispose_situation" style="width: 100%;height: 260px;">
                        <div class="dispose" id="handle">
                            <div class="circle">
                                <div class="circleWarp">
                                    <div class="num">84300</div>
                                    <i></i>
                                    <div class="text">已处理数量</div>
                                </div>
                            </div>
                        </div>
                        <div class="dispose" id="mediate">
                            <div class="circle">
                                <div class="circleWarp">
                                    <div class="num">84300</div>
                                    <i></i>
                                    <div class="text">成功调解</div>
                                </div>
                            </div>
                        </div>
                        <div class="dispose" id="dispute">
                            <div class="circle">
                                <div class="circleWarp">
                                    <div><span class="num">233</span>万</div>
                                    <i></i>
                                    <div class="text">争议金额</div>
                                </div>
                            </div>
                        </div>
                        <div class="dispose" id="redeem">
                            <div class="circle">
                                <div class="circleWarp">
                                    <div><span class="num">183</span>万</div>
                                    <i></i>
                                    <div class="text">挽回金额</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mainWarp">
                <div class="main_max fl w49">
                    <p class="title">商品/服务投诉热点</p>
                    <div id="echart2" style="width: 100%;height: 530px;"></div>
                </div>
                <div class="main_max fr w49">
                    <p class="title">商品/服务舆情监测</p>
                    <div id="echart3" style="width: 100%;height: 530px;"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src='../js/lib/jquery.min.js'></script>
<script type="text/javascript" src='../js/lib/echarts/echarts.min.js'></script>
<script type="text/javascript" src='../js/lib/select2.full.min.js'></script>
<script type="text/javascript" src='../js/lib/jquery.mCustomScrollbar.js'></script>
<script type="text/javascript" src='../js/main.js'></script>
<script type="text/javascript" src='../js/cus/good_server_type_details.js'></script>
</html>
